草庐IT

HTML 实例

全部标签

javascript - 如何跨 Chrome 实例同步 localStorage(或使用 chrome.storage.sync 而不使用已发布的扩展程序)?

这是我的情况:我写了一些Chrome用户脚本供我个人使用。以前,我只有一台机器,上面有一个Chrome实例,所以我非常乐意将任何持久数据转储到localStorage中。但是,我现在有多台机器,并且想在所有机器上的Chrome上使用我的用户脚本,同时使用我的持久数据。同步userscript代码本身很简单,但有点乏味(将它放在Bitbucket存储库中,然后拉取并手动安装),但我不知道如何跨机器同步我的localStorage数据。我考虑过将我的用户脚本转换为适当的Chrome扩展程序并使用chrome.storageAPI(使用chrome.storage.sync存储的数据显然可以

javascript - Atom Electron 使用 html 按钮和 javascript 关闭并最小化窗口

我说使用Electron并尝试制作最小化和关闭按钮。index.htmlminimizeclose索引.jsconstremote=require('electron').remote;functionminimize(){varwindow=remote.getCurrentWindow();window.minimize();}functionclose(){varwindow=remote.getCurrentWindow();window.close();}我一定是犯了一些愚蠢的错误或者什么,但是最小化按钮工作得很好,而关闭按钮不起作用。我还尝试了这里提到的EventListe

javascript - 如何使用 javascript/jquery 查找和替换 html 字符串中的开始标记和结束标记

如何使用javascript/jquery查找和替换html字符串中的开始标记和结束标记例如varmyString="HellojohnJohnlikestoplayguitarAnnalikestoarrangeflowers";我需要找到“div”标签并替换为其他html标签,如“p”标签/“span”标签将“div”标签替换为“p”标签后生成的html字符串varreplacestring="HellojohnJohnlikestoplayguitarAnnalikestoarrangeflowers";请提出任何解决方案。 最佳答案

javascript - John Resig 的简单类实例化和 "use strict"

引用:http://ejohn.org/blog/simple-class-instantiation///makeClass-ByJohnResig(MITLicensed)functionmakeClass(){returnfunction(args){if(thisinstanceofarguments.callee){if(typeofthis.init=="function")this.init.apply(this,args.callee?args:arguments);}elsereturnnewarguments.callee(arguments);};}我想知道是否有

javascript - 在 html 文档中调用 JS 有多少种不同的方法?

到目前为止,我知道在网页中定义和调用JavaScript的4种不同方式1.内联JS...2.外部JS3.事件处理器JS:4.JavaScript:URLjs有没有其他方法可以在网页中插入JS?是否在任何标准规范中定义了它(有多少种方式)?上述4种方式在JavaScript的执行上下文上有什么不同吗? 最佳答案 实际上有很多方法可以在HTML中执行Javascript,所有方法都因浏览器和平台而异。其中很多(但不是全部)都列在这个infamousXSScheatsheet中.在不那么晦涩的那些中,有这些:BODY{-moz-bindi

javascript - 仅对 HTML 元素的一部分着色

我将如何使用background-clip之类的东西仅使用CSS为HTML元素的一部分着色。我看起来像:div{background-image:url('mi_image');***:50%30em;/*Backgroundonlycovering50%heightand30emwidth*/}如有必要,我也愿意使用JavaScript解决方案-但纯CSS会更好。 最佳答案 我会创建一个背景div。考虑这个HTML:Here'ssomeofmyinterestingtext​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

javascript - Angular.js 使用 html2js 将指令与外部模板联合测试 - 无法加载模板

我正在尝试测试使用外部模板的指令。我尝试了以下所有解决方案,但没有成功:ng-directive-testingHowtotestdirectivesthatusetemplateUrlandcontrollers?AngularJS+Karma+Ng-html2js=>Failedtoinstantiatemodule...html我创建了一个测试指令(一个简单的div)并使用内联"template"和外部“templateUrl”对其进行了测试。内联解决方案有效,而外部解决方案无效:angular.module('AdUnit').directive('actionButton',

javascript - 如何通过 javascript 将图像/HTML Canvas 切成两半?

我正在使用html2canvas将具有自定义功能的googlemapjavascriptAPI转换为Canvas,然后转换为图像。在所有浏览器上都能正常工作,除了在IE11上它会生成一个图像,图像右侧有额外的空白,等于(浏览器窗口的宽度-map宽度)。所以我的窗口越宽,右边的空间就越大,反之亦然。我怎样才能在实际图像(768像素宽)的边缘切分该图像(或HTMLcanvas)?我在这里找到了这段代码,但不知道如何为这个任务修改它:varimage=newImage();image.onload=cutImageUp;image.src='myimage.png';functioncutI

javascript - 在单页应用程序上重用 Google Maps API 实例

假设我有一个单页应用程序(AngularJS应用程序),我在元素idgoogleMap上绘制了一个GoogleMap实例-varmapInstance=newgoogle.maps.Map(document.getElementById(`googleMap`),mapOption)然后我在应用程序路由中导航,由于这个原因,破坏了googleMapDOM元素,最后我回到了这个元素的路线,现在我必须在这个元素上重新绘制map.重新绘制map的正确方法是什么?正如我在thisanswer中读到的那样我不必重新创建它,而是使用相同的实例。 最佳答案

javascript - Vuejs 不会在 HTML 表格元素中呈现组件

我想呈现一个在表格中显示一行的自定义组件。我有以下代码://jsfileVue.component('message-row',{data:function(){return{msg:'Hello'}},template:'{{msg}}'});newVue({el:'#app'});//htmlfile问题是该行最终呈现在表格之外!像这样:Hello您可以在这个JSFiddlehttps://jsfiddle.net/eciii/7v6yrf3x/中查看它我不确定这是一个错误还是我只是在这里遗漏了一些非常明显的东西...... 最佳答案